By

Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/...
不能阻止浏览器默认行为
当你触摸滑动页面时，页面应该跟随手指一起滚动。而此时你绑定了一个 touchstart 事件，你的事件大概执行 200 毫秒。这时浏览器就犯迷糊了：如果你在事件绑定函数中调用了 preventDefault，那么页面就不应该滚动，如果你没有调用 preventDefault，页面就需要滚动。但是你到底调用了还是没有调用，浏览器不知道。只能先执行你的函数，等 200 毫秒后，绑定事件执行完了，浏览器才知道，“哦，原来你没有阻止默认行为，好的，我马上滚”。此时，页面开始滚。

oh no 所以为了让页面滚动变得更为流畅，从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive: true。浏览器忽略默认事件
preventDefault() 可以第一时间滚动了。
解决方案

注册事件是添加 { passive: false }
window.addListenEvent(“touchstart”,fn,{passive: false})
可以阻止默认事件但是也同时降低了性能

参考Making touch scrolling fast by default 需科学上网

尽管对于移动端的Safari来说这仍然很有必要,网站不应该依赖在touchstart和touchmove监听器上调用preventDefault()来阻止默认行为.因为在Chrome中,这样做已经不被支持和提倡了.开发者应该在那些需要禁用滚动和缩放的元素上增加touch-actionCSS属性,好在任何touch事件出现前通知到浏览器.为了阻止tap(就像是一个click事件的产生)的默认行为,在touchend监听器中调用preventDefault().
这就是第二种方案
应用 CSS 属性 touch-action: none; 这样任何触摸事件都不会产生默认行为，但是 touch 事件照样触发。
参考 css文档

By

在Web上使用CSS实现动画并不是唯一的方式，我们也可以使用JS来实现，并且JS还有一些CSS无法替代的优势。
Velocity模仿了jQuery的语法，可以完美地同jQuery协作
用法

$element.velocity(“scroll”, 1000);
其中$element是dom结点
$element.velocity({ left: “50px” }, 500, “ease-in-out”,callback);
这个用过jQuery的很好懂了吧

$element
.velocity(“scroll”, { duration: 1000 })
.velocity({ opacity: 1 });
//默认的滚动沿y轴方向，想改到x轴方向的话可以使用axis选项：
$element.velocity(“scroll”, { axis: “x” });
Transforms

想要结合CSS和JS设计动画？ 设置一些CSS变换规则，允许你做一些2D或3D的动画，比如平移，扩大，旋转。注意这些变换不会影响元素在网页中的位置，也不会影响该元素周围 的元素在页面中的位置。 Velocity支持下面的变换：

translateX: 从左向右沿x轴移动元素
translateY: 从上到下沿y轴移动元素
rotateZ: 关于z轴旋转元素
rotateX: 关于x轴旋转元素（看起来由里向外）
rotateY: 关于y轴旋转元素（由左到右）
scaleX: 成倍数改变元素宽度
scaleY: 成倍数改变元素高度

tip:要用velocity要先引入哦！
–end
参考文章 Intro to JavaScript Animation

By

  1. 命令行输入 ssh-keygen -t rsa -C “github注册时的邮箱”
  2. ssh-agent -s
  3. eval ssh-agent -s
    ssh-add
  4. ssh-add ~/.ssh/id_rsa
  5. clip < ~/.ssh/id_rsa.pub
  6. 然后到Github里面，点击右上角的设置图标Settings,找到SSH keys,Key就直接粘贴,
    然后点Add SSH key，最后会让你重新输入下gitHub的密码
  7. ssh -T git@github.com
  8. 输入yes
    所有指令均在git-bash中输入